<template>
    <Select :value="value" @on-change="handleChange" class="width-100p" multiple>
        <Option :key="index" :value="device.id" v-for="(device,index) in deviceType">{{device.name}}</Option>
    </Select>
</template>

<script>
export default {
  name: 'ticket-device-type-selector',
  props: {
    value: Array
  },
  data () {
    return {
      deviceType: [
        { id: 1, name: '仅装网关' },
        { id: 2, name: '有网关门锁' },
        { id: 3, name: '电表' },
        { id: 4, name: '无网关门锁' },
        { id: 6, name: '冷水表' },
        { id: 7, name: '热水表' }
      ]
    }
  },
  methods: {
    handleChange (val) {
      this.$emit('input', val)
    }
  }
}
</script>